import React from 'react';
import { render } from 'react-dom';

/**
 * 用法示例： <ShoppingList name="Mark">
 */
class ShoppingList extends React.Component{
    render(){
        return (
            <div className='shopping-list'>
                <h1>Shopping List for {this.props.name}</h1>
                <ul>
                    <li>Instagram</li>
                    <li>WhatsApp</li>
                    <li>Oculus</li>
                </ul>
            </div>
        )
    }
}

render(<ShoppingList  name="Mark"/>, window.document.getElementById('app'));